
<div id="wapper" style="width: 600px;">
    <div id="header">
    	<div>This is an automated message. Please do not reply.</div>
		<div>&nbsp;</div>
		<div>Dear BOOKING_CLIENT,</div>
		<div>&nbsp;</div>
		<div><u>Your booking application is successful</u><br><br>
		Just to inform you that the payment for your booking is received. Thank you.<br>
The booking information has been updated on our booking calender.<br><br />

		<strong>Please verify your booking information.</strong><br />
        Should you need any assistance, please contact +65 6338 0566 /+65 6338 5443 or email to enquiry@csm.sg<br /><br />
        
        Wishing you a wonderful event experience.<br>
		</div>
    </div>
    <div id="content">
  		<h4>Chinese Success Media Pte Ltd</h4>
        <div>Blk 231 Bain Street #04-41 Bras Basah Complex, Singapore 180231</div>    
        <div>Tel: +65 6334 6606 Fax: +65 6338 1808 Web: www.csm.sg Email: enquiry@csm.sg</div> 
	  <h2>Booking Notification / Invoice</h2>
<div style="width:400px; float:left;">
  			<div style="border:1px solid #999; padding:5px; width:120px; float:left; text-align:right;">Booking Number</div>
            <div style="border:1px solid #999; border-left:0px; padding:5px; width:200px; float:left;">BOOKING_NUMBER</div>
  			<div style="border:1px solid #999; border-top:0px; padding:5px; width:120px; float:left; text-align:right;">Booking Date</div>
            <div style="border:1px solid #999; border-left:0px;border-top:0px; padding:5px; width:200px; float:left;">BOOKING_DATE</div>            
        </div>
        <div style="float:left; width:380px"><h3>Billing Details</h3></div>        
        <div style="width:400; float:left;">
  			<div style="border:1px solid #999; padding:5px; width:332px; float:left; text-align:left; font-weight:bold;">Billing Information</div>
  			<div style="border:1px solid #999; border-top:0px; padding:5px; width:332px; float:left; text-align:left;">BILLING_INFO</div>
        </div>
        <div style="float:left; width:380px">&nbsp;</div>  
        
        <div style="float:left; width:380px">&nbsp;</div>                          
        <div style="width:620px; float:left;">
  			<div style="border:1px solid #999; padding:5px; width:400px; float:left; text-align:left;">Item</div>
            <div style="border:1px solid #999; border-left:0px; padding:5px; width:180px; float:left;">Amount</div>
  			<div style="border:1px solid #999; border-top:0px; padding:5px; width:400px; float:left; text-align:left;">BOOKING_DESC</div>
            <div style="border:1px solid #999; border-left:0px;border-top:0px; padding:5px; width:180px; float:left;">BOOKING_AMT</div>
  			<div style="padding:5px; width:401px; float:left; text-align:right;"></div>
            <div style="border:1px solid #999; border-top:0px; padding:5px; width:180px; float:left;"><div style="float:left;">Total:&nbsp;</div><div style="float:left;">BOOKING_TOTAL</div></div>
        </div>                
        <div id="eml_add_msg" style="width:620px; float:left;">
  			<div style="border:1px solid #999; padding:5px; width:332px; float:left; text-align:left;">Addtional Message</div>        
			<div style="border:1px solid #999; border-top:0px; padding:5px; width:332px; float:left; text-align:left; font-weight:bold;">BOOKING_ADD_MSG</div>
        </div>    
    </div>
    <div id="footer"></div>
</div>